<!DOCTYPE HTML>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>easy-chat test</title>
	<link rel="stylesheet" href="css/ui-dialog.css">
	<link rel="stylesheet" href="css/kefu.css">
	<link rel="stylesheet" href="css/Emotion.css">
	<link rel="stylesheet" href="css/webuploader.css">
	<style>
		.isLogin .loginBtn {
			display: none;
		}

		.loginBtn {
			padding: 5px 8px;
			height: 22px;
			line-height: 22px;
			display: block;
			color: #333;
			text-decoration: none;
		}
	</style>
	<script src="js/lib/jquery.min.js"></script>
	<!--[if lt IE 9]>
	<script src="js/lib/json3.js"></script>
	<![endif]-->
</head>
<body>

<!--<div id="userProfile" style="width: 200px;height: 52px;padding:10px;text-align:center;position: fixed;top: 12px;right: 12px;z-index: 1;background: #fff;">-->
	<!--<a href="php/user.php?act=login" class="loginBtn">登录</a>-->
<!--</div>-->

<div class="kfContainer default" id="kacnKF">
	<div class="kftSec">
		<div class="layer"></div>
		<div class="kfTrigger js-connectCS"><span class="logoTxt">KA-CN</span> 在线客服系统</div>
	</div>
	<div class="kfcbSec">
		<div class="kfChatPanel">
			<div class="panelHead">
				<div class="titlebarButtonWrapper">
					<!--<span class="openInNewWin js-openInNewWin"></span>-->
					<span class="closeBtn js-closeWin"></span>
				</div>
				<h3 class="title"><span class="logoTxt">KA-CN</span> 在线客服系统</h3>
			</div>
			<div class="panelBody">
				<div class="pbPad">
					<div class="msgWin">
						<ul class="msgList"></ul>
					</div>
					<div class="msgInputBox">
						<textarea class="msgInput js-bindEnterKey" placeholder="亲，有什么要咨询的吗？"></textarea>
					</div>
					<div class="toolbar">
						<span class="emotion js-emotion"></span>
						<span class="uploadImg js-uploadImg"></span>
					</div>
				</div>
				<div class="gradeLayer">
					<h3 class="title">请您为客服评分：</h3>
					<span class="closeGrade js-closeGrade" title="关闭">×</span>
					<form action="javascript:;" name="gradeForm" id="gradeForm">
						<input type="hidden" name="score" id="gradeScore" value="0">
						<div class="gradeStar" id="gradeStar">
							<div class="gradeTipBox"><div class="gradeTip"></div></div>
							<div class="gradeResult"></div>
							<ul class="gradeList">
								<li><a href="javascript:;">1</a></li>
								<li><a href="javascript:;">2</a></li>
								<li><a href="javascript:;">3</a></li>
								<li><a href="javascript:;">4</a></li>
								<li><a href="javascript:;">5</a></li>
							</ul>
						</div>
						<div class="inputGroup">
							<label class="inputLabel" for="evaluation">评价：</label>
							<textarea name="evaluation" id="evaluation" class="evaluation" placeholder="请您对本次服务进行评价!"></textarea>
						</div>
						<div class="inputGroup">
							<button type="button" class="gBtn gBtnBlue js-submitGrade">提交</button>
						</div>
					</form>
				</div>
			</div>
		</div>
		<div class="kfBackground">
			<audio src="asset/sound/online.mp3" preload="none" />
		</div>
	</div>
</div>

<script src="js/lib/socket.io.js"></script>
<script src="js/lib/Underscore.js"></script>
<script src="js/lib/jstorage.min.js"></script>
<script src="js/lib/moment.min.js"></script>
<script src="js/lib/dialog.min.js"></script>
<script src="js/lib/audiojs/audio.min.js"></script>
<script src="js/lib/webuploader/webuploader.min.js"></script>
<script src="js/config.js"></script>
<script src="js/src/Uploader.js"></script>
<script src="js/src/Emotion.js"></script>
<script src="js/src/Common.js"></script>
<script src="js/src/Socket.js"></script>
<script src="js/src/KeFuClientSocket.js"></script>
<script src="js/src/Sound.js"></script>
<script src="js/src/User.js"></script>
<script src="js/src/KeFuClientUI.js"></script>
<script src="js/src/KeFuClient.js"></script>

<script>
	var kfc = new KeFuClient({
		chatWinShowAnimate: 'bounceIn'
//		,chatWinHideAnimate: 'bounceOut'
	});
</script>
</body>
</html>